<link rel="stylesheet" type="text/css" href="<?php echo(CSS);?>login.css">
	 <div id="formulario_login">
		<div class="container">
	        <div class="flat-form">
	            <ul class="tabs">
	                <li>
	                    <a href="#login" class="active">Login</a>
	                </li>
	                <li>
	                    <a href="#register">Register</a>
	                </li>
	                <li>
	                    <a href="#reset">Reset Password</a>
	                </li>
	            </ul>
	            <div id="login" class="form-action show">
	                <h1>Acceder a la web</h1>
	                <p>
	                    Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
	                    Maecenas sed diam eget risus varius bladit sit amet non
	                </p>
	                <form>
	                    <ul>
	                        <li>
	                            <input type="text" placeholder="Username" />
	                        </li>
	                        <li>
	                            <input type="password" placeholder="Password" />
	                        </li>
	                        <li>
	                            <input type="submit" value="Login" class="button" />
	                        </li>
	                    </ul>
	                </form>
	            </div>
	            <!--/#login.form-action-->
	            <div id="register" class="form-action hide">
	                <h1>Registrarse</h1>
	                <p>
	                    You should totally sign up for our super awesome service.
	                    It's what all the cool kids are doing nowadays.
	                </p>
	                <form>
	                    <ul>
	                        <li>
	                            <input type="text" placeholder="Username" />
	                        </li>
	                        <li>
	                            <input type="password" placeholder="Password" />
	                        </li>
	                        <li>
	                            <input type="submit" value="Sign Up" class="button" />
	                        </li>
	                    </ul>
	                </form>
	            </div>
	            <!--/#register.form-action-->
	            <div id="reset" class="form-action hide">
	                <h1>Recuperar Contraseña</h1>
	                <p>
	                	Para recuperar la contraseña introducir el correo vinculado al usuario.
	                </p>
	                <form>
	                    <ul>
	                        <li>
	                            <input type="text" placeholder="Email" />
	                        </li>
	                        <li>
	                            <input type="submit" value="Send" class="button" />
	                        </li>
	                    </ul>
	                </form>
	            </div>
	            <!--/#register.form-action-->
	        </div>
	    </div>
	</div>
    <script class="cssdeck" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>
(function( $ ) {
	  // constants
	  var SHOW_CLASS = 'show',
	      HIDE_CLASS = 'hide',
	      ACTIVE_CLASS = 'active';
	  
	  $( '.tabs' ).on( 'click', 'li a', function(e){
	    e.preventDefault();
	    var $tab = $( this ), href = $tab.attr( 'href' );	  
	     $( '.active' ).removeClass( ACTIVE_CLASS );
	     $tab.addClass( ACTIVE_CLASS );
	  
	     $( '.show' )
	        .removeClass( SHOW_CLASS )
	        .addClass( HIDE_CLASS )
	        .hide();
	    
	      $(href)
	        .removeClass( HIDE_CLASS )
	        .addClass( SHOW_CLASS )
	        .hide()
	        .fadeIn( 550 );
	  });
	})( jQuery );
</script>